<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="css/template.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/about_or.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>关于or</title>
	</head>

	<body>
		<div class="web">
			<!--头部跟中间-->
			<!--头部-->
				<header>
					<div class="content">
						<!--菜单按钮-->
						<a href="#"><img src="img/template/index__ (2).png" /></a>
						<img src="img/template/index__ (1).png" />
						<!--搜索框按钮-->
						<a href="#"><img src="img/template/index__ (3).png" /></a>
					</div>
				</header>
			<div class="phone">
				<div class="about_or_all">
					<h5><a href="index.html"> About Or</a></h5>
					<p>
						Founded in 2015, Or (Original relationship) tactfully integrates the simplistic design into everyday life, brings people with simple, aesthetic, relaxed and comfortable home design products and reconnects home products, people and life.
					</p>
					<img src="img/aboutor/about_or_ (1).png"/>
					<div class="about_or_img1">
						<img src="img/aboutor/about_or_ (2).png"/>
						<img src="img/aboutor/about_or_ (3).png"/>
					</div>
					<h5><a href="about_or.html">Design</a></h5>
					<p>is more than the beauty of objects that you see with naked eyes. Its essence lies in simplifying production process through design, so as to reduce product cost and allow people to enjoy quality products at a fair price.</p>
					<div class="about_or_img2">
						<div class="about_or_img2_lf">
							<img src="img/aboutor/about_or_ (4).png"/>
						</div>
						<div class="about_or_img2_rt">
							<img src="img/aboutor/about_or_ (5).png"/>
							<img src="img/aboutor/about_or_ (6).png"/>
						</div>
					</div>
					<h5><a href="activity_detail.html">Or Brand</a></h5>
					<p>values the inherent vitality of products, and brings passionate participation to life through its distinctive design intuition. Product design is just the beginning – we stress the attitude towards products in living space, and look forward to a more sincere interaction with consumers.</p>
				</div>
				<!--foot img-->
					<div class="foot_img">
						<img src="img/aboutor/about_or_ (7).png"/>
						
						<div class="foot_img_shadow">
							<div class="p_a">
								<p><a href="#">Copyright (c) Nissin Furniture Crafters Co ,Ltd All Rights Reserved</a></p>							
							</div>
						</div>
					</div>
					<div class="mid">
					</div>
			</div>
			<!--底部-->
			<footer>
				
			</footer>
		</div>

		<script>
			/*动态改变根元素字体大小*/
			function recalc() {
				var clientWidth = document.documentElement.clientWidth;
				if(!clientWidth) return;
				document.documentElement.style.fontSize = 40 * (clientWidth / 1920) + 'px';
			}

			function initRecalc() {
				recalc();
				var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
				if(!document.addEventListener) return;
				window.addEventListener(resizeEvt, recalc, false); //添加监听事件
				document.addEventListener('DOMContentLoaded', recalc, false);
			}
			initRecalc();
		</script>
	</body>

</html>